<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // computed
    // 计算属性  => 计算属性是基于它的响应式依赖来进行缓存的
    // 1. 根据data中原有的属性得到的一个新属性(派生值/衍生值) 注意:计算属性也可以依赖于其他的计算属性
    // 2. 计算属性初始化阶段会默认执行一次,并缓存执行的结果(初始值)
    // 3. 计算属性依赖的数据发生改变, 会重新执行函数并缓存新的结果
    // 4. 如果计算属性中没有依赖的数据, 那么只会在初始化阶段执行一次,后续结果不在更改
    // 5. computed 只支持同步代码

    // watch
    // 1. watch监听数据时是惰性的,  只有当监听的数据改变时,才会执行对应的回调函数
    // 2. watch更注重自身的变化对其他数据造成的影响
    // 3. watch可以监听数组的变化, watch监听对象数据时默认是浅层的
    // 3. watch 同步异步均可支持


</script>

</html>